<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基础资料-权限表</title>
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/themes/bootstrap/easyui.css"/>
    <link rel="stylesheet" href="jquery-easyui-1.6.7/themes/icon.css"/>
    <link rel="stylesheet" href="css/icon.css"/>
    <script type="text/javascript" src="jQuery/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/datagrid-filter/datagrid-filter.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery-easyui-edatagrid/jquery.edatagrid.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/datagrid-export/datagrid-export.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.easyui.expand.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="js/pages/jc/button_generate.js"></script>
    <script type="text/javascript" src="js/util/loadEventUtil.js"></script>
    <script type="text/javascript" src="js/util/memoryColumnUtil.js"></script>
    <link rel="stylesheet" href="css/global.css">
    <style type="text/css">
        .edit_form {
            width: 300px;
            height: 35px;
            padding: 5px;
        }

        .edit_form input {
            width: 250px;
            padding: 5px;
        }

        .hidden {
            display: none;
        }
    </style>
</head>
<body th:data-menu_id="${MENU_ID}">
<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'north',height:42">
        <!--按钮组-->
        <a class="easyui-menubutton" style="margin: 5px 1px 5px 5px"
           data-options="showEvent:'mousedown',menu:'#menu_role',plain:true,iconCls:'icon-add'">角色操作</a>
        <div id="menu_role" style="display: none;" data-options="onClick:btn_role">
            <div data-options="iconCls:'icon-add'">新增角色</div>
            <div data-options="iconCls:'icon-edit'">修改角色</div>
            <div data-options="iconCls:'icon-cancel'">删除角色</div>
        </div>
        <a class="easyui-menubutton" style="margin: 5px 1px 5px 5px"
           data-options="showEvent:'mousedown',menu:'#menu_menu',plain:true,iconCls:'icon-add'">菜单操作</a>
        <div id="menu_menu" style="display: none;" data-options="onClick:btn_menu">
            <div data-options="iconCls:'icon-add'">新增菜单</div>
            <div data-options="iconCls:'icon-edit'">修改菜单</div>
            <div data-options="iconCls:'icon-cancel'">删除菜单</div>
        </div>
        <a class="easyui-linkbutton" style="margin: 5px 1px 5px 5px"
           data-options="plain:true,iconCls:'icon-save',onClick:btn_save">保存</a>
        <a class="easyui-linkbutton" style="margin: 5px 1px 5px 5px"
           data-options="plain:true,iconCls:'icon-no',onClick:btn_close">关闭</a>
    </div>
    <div data-options="region:'west',width:405,split:true">
        <!--角色表-->
        <div class="easyui-panel" data-options="fit:true,title:'角色列表'">
            <table id="grid_01"></table>
        </div>
        <!-- 角色编辑面板 -->
        <div id="dia_role" style="display: none;" class="easyui-dialog" data-options="title:'新增角色',width:350,height:192,modal:true,
			resizable:true,	closed:true,
			buttons:[{
				text:'取消',
				iconCls:'icon-cancel',
				handler:btn_role_cancel
			},
			{
				text:'保存',
				iconCls:'icon-save',
				handler:btn_role_save
			}],
			onClose:function(){
				$(this).find('form').form('clear');
			}
			">
            <form method="POST">
                <div class="edit_form" style="display: none;"><input name="id" class="easyui-numberbox"
                                                                     data-options="min:0,required:false,label:'编号：',labelWidth:100">
                </div>
                <div class="edit_form"><input name="roleName" class="easyui-textbox"
                                              data-options="required:true,label:'名称：',labelWidth:100"></div>
                <div class="edit_form"><input name="roleAdminSign" class="easyui-checkbox"
                                              data-options="value:true,label:'是否管理员：',labelWidth:100"></div>
                <div class="edit_form"><input name="roleWorkshopOnly" class="easyui-checkbox"
                                              data-options="value:true,label:'是否车间角色：',labelWidth:100"></div>
            </form>
        </div>
        <!-- 菜单编辑面板 -->
        <div id="dia_menu" style="display: none;" class="easyui-dialog" data-options="
			title:'新增菜单',width:350,height:296,modal:true,
			resizable:true,	closed:true,
			buttons:[{
				text:'取消',
				iconCls:'icon-cancel',
				handler:btn_menu_cancel
			},
			{
				text:'保存',
				iconCls:'icon-save',
				handler:btn_menu_save
			}],
			onClose:function(){
				$(this).find('form').form('clear');
			}
			">
            <form method="POST">
                <div class="edit_form"><input class="easyui-numberbox" name="id"
                                              data-options="label:'编号：',labelWidth:85,min:0,required:true"></div>
                <div class="edit_form"><input class="easyui-textbox" name="menuName"
                                              data-options="required:true,label:'名称：',labelWidth:85,">
                </div>
                <div class="edit_form"><input class="easyui-combotree" name="parentId"
                                              data-options="label:'上级菜单：',labelWidth:85,
					method:'GET',url: 'sysMenu/tree',editable:true,limitToList:true,
					"></div>
                <div class="edit_form"><input class="easyui-textbox" name="menuPath"
                                              data-options="label:'URL路径：',labelWidth:85">
                </div>
                <div class="edit_form"><input class="easyui-numberbox" name="serialNo"
                                              data-options="label:'排序字段：',labelWidth:85">
                </div>
                <div class="edit_form"><input class="easyui-textbox" name="menuIcon"
                                              data-options="label:'图标：',labelWidth:85">
                </div>
            </form>
        </div>
    </div>
    <div data-options="region:'center',split:true">
        <!--模块(菜单)表-->
        <div class="easyui-layout" data-options="fit:true">
            <div data-options="region:'center'">
                <div class="easyui-panel" data-options="fit:true,title:'菜单列表'">
                    <ul id="grid_02"></ul>
                </div>
            </div>
        </div>
    </div>
    <div data-options="region:'east',width:550,split:true">
        <!--权限表-->
        <div class="easyui-panel" data-options="fit:true,title:'权限列表'">
            <table id="grid_03"></table>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="js/pages/sz/jc_permission.js"></script>
</html>